<h:form xmlns:p='http://primefaces.org/ui'
        xmlns:f='http://java.sun.com/jsf/core'
        xmlns:h='http://java.sun.com/jsf/html'
        xmlns:ui='http://java.sun.com/jsf/facelets'>

<link rel='stylesheet' type='text/css' href='#{request.contextPath}/resources/ui/savanti.css'/>

<script type='text/javascript'>$(document).ready(function() { $('#browser').treeview(); });</script>


<div class='navContainer' style='border: 1px solid #ffffff'>

  <div class='navHeader'>

  <p:commandButton id='theme' icon='ui-icon-image' style='width: 18px; height: 18px'/>

  <h:outputLabel value='#{coreBean.sistema.nombre} - #{coreBean.username}' style='padding: 0 0 0 5px; vertical-align: top'/>

  <p:overlayPanel for='theme'>

  <p:themeSwitcher value='#{coreBean.theme}' style='width: 150px; height: 22px; background: #ffffff; border: none'>

  <f:selectItems value='#{coreBean.themes}'/>

  <p:ajax listener='#{coreBean.saveTheme}'/>

  </p:themeSwitcher></p:overlayPanel>

  </div>


  <div class='navContent ui-state-default' style='background: transparent'>

  <ul id='browser' class='filetree'>

  <ui:include src='node.xhtml'><ui:param name='node' value='#{builder.navigation.defaultNode}'/></ui:include>

  </ul>

  </div>

</div>

<h:outputScript library='ui' name='jquery.treeview.js'/>

</h:form>